<!-- Sidebar Header-->
<div class="sidebar-header d-flex align-items-center">
	<div id="avatar" class="avatar"><img :src="loginUserInfo.pic" alt="..." class="img-fluid rounded-circle"></div>
	<div class="title">
		<h1 class="h5">{{loginUserInfo.realName}}</h1>
		<p>{{loginUserInfo.deptName}}</p>
	</div>
</div>
<!-- Sidebar Navidation Menus-->
<span class="heading">Main</span>
<ul class="list-unstyled">
	<li><a href="home.html"> <i class="icon-home"></i>主页 </a></li>
	<li><a href="#userDropdown" data-toggle="collapse" aria-expanded="true"> <i class="icon-windows"></i>用户列表</a>
		<ul id="userDropdown" class="collapse show">
			<li class="active"><a href="user.html">查看用户</a></li>
			<li><a href="my_user.html">我关注的用户</a></li>
			<li><a href="article.html">发布文章</a></li>
			<li><a href="article_collect.html">我的收藏</a></li>
		</ul>
	</li>
	<!--<li><a href="login.html"> <i class="icon-logout"></i>Login page </a></li>-->

	<li>
		<a href="#depDropdown" data-toggle="collapse"> <i class="icon-windows2"></i>部门列表</a>
		<ul id="depDropdown" class="collapse list-unstyled ">
			<li><a href="department.html">全部部门</a></li>
			<li><a href="meeting.html">会议系统</a></li>
		</ul>
	</li>
</ul>
<script type="text/javascript">
	let vmUserInfo = new Vue({
		el: '#app',
		data: {
			userInfo: {}
		},
		created:function(){
			this.userInfo = JSON.parse(sessionStorage.getItem("loginUser"));
		}
	})
</script>